<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="./css/font-awesome/index.css" rel="stylesheet" />
		<link href="./css/index.css" rel="stylesheet" />
		<title>小谢的登录作业</title>
		 
		 
	</head>
	<body>
		 
		
		<div class="personal" id="app">
			<nav class="n-nav">
				<div>
					<h1>个人中心</h1>
					
					<aside>
						<a href="./personal.html">我的</a>
					
					</aside>
					
					
					<a v-if="!userInfo" href="./sign.html">登录 / 注册</a>
					<span v-else><i class="fa fa-user"></i> <a href="./personal.html">{{userInfo.name}}</a><button @click="logout">退出</button></span>
				</div>
				
			</nav>
			<div class="personal-content" v-if="userInfo">
				<img src="img/3.png" />
				<div>
					<h3>{{userInfo.name}}</h3>
					<h3>{{userInfo.acc}}</h3>
				</div>
				
			</div>
			
			<footer v-if="userInfo">{{userInfo.name}} | 个人中心</footer>
			
			
			
		</div>
		<script src="./js/config.js"></script>
		<script src="./js/q.js"></script>
		<script>
			new Vue({
				el:"#app",
				mixins:[config],
				data(){
					return{
						dialogShow:false,
						form:{
							name: '',
							pwd: '',
						}
					}
				},
				created(){
					this.form.name = this.userInfo.name;
				},
				mounted(){
					this.verifLogin();
				},
				methods:{
				}
				
			})
			
			
			
			
		</script>

	</body>
</html>